<template>
  <div class="InviteBidding">
    <!--banner-->
    <div class="banner">
      <div class="wh-1200 auto banner-txt pt-50">
        <h1>招标公告</h1>
        <span>Bidding Announcement</span>
      </div>
    </div>

    <div class="content-box wh-1200 auto pb-100">
      <!-- 导航栏开始 -->
      <breadcrumb SecondcrumbsUrl="/InviteBidding" :ThreecrumbsTitle="Merchantsinfo.title" SecondcrumbsTitle="招标公告"></breadcrumb>

      <!-- 导航栏结束 -->
      <contentText :Info="Merchantsinfo"></contentText>
    </div>
  </div>
</template>
<script>
import { getentMerchantsinfo } from "@/apis/EntMerchants";
import contentText from "@/components/contentText";
import breadcrumb from '@/components/breadcrumb/breadcrumb.vue'

export default {
  data() {
    return {
      merchantsid: "",
      Merchantsinfo: {},
    };
  },
  components: {
    contentText,breadcrumb
  },
  created() {
    this.merchantsid = this.$route.query.merchantsid;
    this.getentMerchantsinfo();
  },
  methods: {
        beforeCreate() {
      document
        .querySelector("body")
        .setAttribute("style", "background-color:#F5F7FA");
    },
    beforeDestroy() {
      document.querySelector("body").removeAttribute("style");
    },
    toDetail() {
      this.$router.push("/contentDetails");
    },
    toHomePage() {
      this.$router.push("/homePage");
    },
    //获取详情
    getentMerchantsinfo() {
      let _params = {
        id: this.merchantsid,
      };
      getentMerchantsinfo(_params)
        .then((res) => {
          if (res.code == 200) {
            this.Merchantsinfo = res.data;
          }
        })
        .catch((error) => {});
    }
  },
};
</script>
<style lang="less" scoped>
.InviteBidding {
  background-color: @bg-color-f5f;
  .banner {
    background: url("../../../assets/images/attract.png") no-repeat center;
    height: 200px;
    h1 {
      height: 60px;
      line-height: 60px;
      color: rgb(7, 41, 71);
      font-size: @font36;
      font-weight: lighter;
    }
    span {
      font-size: @font36;
      color: rgba(7, 41, 71, 58%);
    }
  }
  .main-title {
    img {
      width: 35px;
      height: 35px;
      margin-right: 16px;
      vertical-align: middle;
      margin-top: -10px;
    }

    span {
      font-family: Microsoft YaHei;
      font-size: @font26;
      line-height: @font26;
      font-weight: 700;
      color: @text-color-303;
    }
  }
  .nav-box {
    margin: 24px 0;
    height: 56px;
    background-color: #ffffff;
    box-shadow: 0px 6px 20px 0px rgba(24, 138, 241, 0.16);
    border-radius: 6px;

    .nav-text {
      line-height: 56px;
      margin-left: 29px;
      font-size: @font16;
      font-weight: normal;
      color: @text-color-606;

      .nav-Detail {
        color: @color-188;
      }
    }
  }
}
</style>